A tag <div> define uma divisão ou uma seção em um documento HTML. É usada geralmente para fazer blocos de elementos, dispondo organizadamente as informações dentro do layout, que são formatadas com CSS. A tag <div> é controlada pela CSS através de um ID, Class ou pela própria tag.
Em HTML e CSS, há a possibilidade de aplicar estilos através de "class" e "id" e,
em JavaScript é possível indentificar algum elemento de uma página por sua classe, id ou tag. Mas qual a diferença entre "class" e "id"?
• Código Class:
.classe1 {
background: blue;
}
Então, todas as 'divs' que estiverem com a classe "classe1" estarão com um background azul(blue).
As ids são uma forma de identificar um elemento, e devem ser ÚNICAS para cada elemento.
É como se fossem impressões digitais de nossos dedos ou RGs. Através delas, pode-se atribuir formatação a um elemento em especial.
Exemplo:
• Código CSS:
#idUm {
background: blue;
}
#idDois {
background: yellow;
}
#idTres {
background: lightblue;
}
#idQuatro {
background: lightgreen;
}
Então, como mostra o código acima, não podemos repetir uma 'ID'. Deve ser especialmente única para cada elemento.